<template>
  <div id="app">
      <div>
        <ul>
            <router-link active-class='active' tag='li' to='/movie'>电影</router-link>
            <router-link active-class='active' tag='li' to='/tv'>电视剧</router-link>
            <router-link active-class="active" tag="li" to="/about">关于我们</router-link>
        </ul>
        <router-view></router-view>
        <router-view name="tv2"></router-view>
        <router-view name="tv3"></router-view>
      </div>
  </div>
</template>






<style lang="css" scoped>
  ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    
  }

  ul li.active {
    color: red;
    font-size: 20px;
  }
</style>